//往购物车添加数据（产品）
$(function(){
	
	/*结账操作*/
	$(".shop_tfoot>ul>li>input").click(function(){
		var checked =  $(".shop_tbody>li>ol>li [type=checkbox]:checked");
		var carData = JSON.parse(localStorage.getItem("shopCar"));
		var buyData = [];
		if(checked.length){
			for(var i = 0;i<checked.length;i++){
				var thisId = $(checked[i]).parent().parent().find(".pro_img").attr("src");
				
				for(var j = 0;j<carData.length;j++){
					if(carData[j].imgsrc == thisId){
						
						buyData.push(carData[j]);
						break;
					}
				}
			}
			console.log(buyData);
			localStorage.setItem("buyData",JSON.stringify(buyData));
			$(".shop_tbody [type=checkbox]").each(function(){
				
			if ($(this).prop("checked")) {
				var imgsrc = $(this).parents("ol").find(".pro_img").attr("src");
				delProduct(imgsrc);
				
			}
			if($("#checkbox").prop("checked")){
					$(".shop_tbody [type=checkbox]").parents("ol").css("background","#f7e0e0");
						}else{
					$(".shop_tbody [type=checkbox]").parents("ol").css("background","#f0f0f0");
						
					}
		})
	location.href = "confirm_order.html";
		}else{
			alert("请选择商品！");
		}
		
	})

	
	
	
	function loadCar(){
		
		var carData = JSON.parse(localStorage.getItem("shopCar"));
		
		if (carData) {
			var tbody = $(".shop_tbody");
			for (var i=0; i<carData.length;i++) {
				//复选框
				var tick = '<li><input type="checkbox" /></li>';
				//图片
				var proimg = "<li><a href='pro_details.html'><img class='pro_img' src="+carData[i].imgsrc+" alt='' /></a></li>";
				//产品名称
				var proname = "<li><h4 class='proname'><a href='pro_details.html'>"+carData[i].proname+"</a></h4><p>区间测速 官方验证 微信查车 免费升级</p></li>";
				//价格
				var pro_price = "<li>￥<span class='price'>"+carData[i].pro_price+"</span></li>";
				//数量
				var pro_num = "<li class='buy_num'><button type='button' class='decline'>-</button><input type='text' value="+carData[i].pro_num+" /><button type='button' class='increase'>+</button></li>"
				//合计
				var pro_total = "<li>￥<span class='subtotal'>"+carData[i].pro_total+"</li>";
				//删除
				var del_pro = '<li><a href="javaScript:void(0);" class="del_pro" onclick="delPro(event)">删除</a><a href="###">移到我的关注</a></li>';
				tbody.append("<li><ol>"+tick+proimg+proname+pro_price+pro_num+pro_total+del_pro+"</ol></li>")
			}
		}
	}
	loadCar();
	
	
	/*全选打勾,单选打勾*/
	$("#checkbox").click(function(){
		$(".shop_tbody [type=checkbox]").prop("checked",$("#checkbox").prop("checked"));
		$("#checkbox2").prop("checked",$("#checkbox").prop("checked"));
		
		if($("#checkbox").prop("checked")){
			$(".shop_tbody [type=checkbox]").parents("ol").css("background","#f7e0e0");
		}else{
			$(".shop_tbody [type=checkbox]").parents("ol").css("background","#f0f0f0");
			
		}
		/*计算总额*/
			var toltal=0;
			$(".shop_tbody [type=checkbox]:checked").each(function(){
				toltal = toltal + parseInt($(this).parent().parent().find($(".subtotal")).html())
			})
			
			$("#total").html(toltal);
			var num = $(".shop_tbody [type=checkbox]:checked").length;
			$("#count").html(num);
			
	})
	$("#all").click(function(){
		$(".shop_tbody [type=checkbox]").prop("checked",$("#checkbox").prop("checked"));
		$("#checkbox2").prop("checked",$("#checkbox").prop("checked"));
	})
	
	$(".shop_tbody [type=checkbox]").each(function(){
		$(this).click(function(){
			var bool = ($(".shop_tbody [type=checkbox]").length == $(".shop_tbody [type=checkbox]:checked").length);
			$("#checkbox").prop("checked",bool);
			$("#checkbox2").prop("checked",bool);
			if ($(this).prop("checked")) {
				$(this).parents("ol").css("background","#f7e0e0");
			} else{
				$(this).parents("ol").css("background","#f0f0f0");
			}
			/*计算总额*/
			var toltal=0;
			$(".shop_tbody [type=checkbox]:checked").each(function(){
				toltal = toltal + parseInt($(this).parent().parent().find($(".subtotal")).html())
			})
			
			$("#total").html(toltal)
			
		/*判断勾选多少件商品*/
		var num = $(".shop_tbody [type=checkbox]:checked").length;
		$("#count").html(num);
		
		})
	})
	//
	
	$("#checkbox2").click(function(){
		$(".shop_tbody [type=checkbox]").prop("checked",$("#checkbox2").prop("checked"));
		$("#checkbox").prop("checked",$("#checkbox2").prop("checked"));
		console.log(123)
		if($("#checkbox2").prop("checked")){
			$(".shop_tbody [type=checkbox]").parents("ol").css("background","#f7e0e0");
		}else{
			$(".shop_tbody [type=checkbox]").parents("ol").css("background","#f0f0f0");
			
		}
		/*计算总额*/
			var toltal=0;
			$(".shop_tbody [type=checkbox]:checked").each(function(){
				toltal = toltal + parseInt($(this).parent().parent().find($(".subtotal")).html())
			})
			
			$("#total").html(toltal);
			var num = $(".shop_tbody [type=checkbox]:checked").length;
			$("#count").html(num);
			
	})
	

	/*删除选中的商品*/

})
function delPro(event){
	var that = event.target;
	var r = confirm("是否删除？");
	if(r){
		$(that).parents("ol").parent().remove();
		var imgsrc = $(that).parent().siblings().find(".pro_img").attr("src");
		delProduct(imgsrc);
		var num = $(".shop_tbody [type=checkbox]:checked").length;
		$("#count").html(num);
		var carNum = JSON.parse(localStorage.getItem("shopCar")).length;
		$("#car_num").html(carNum);console.log(carNum)
		var toltal=0;
		$(".shop_tbody [type=checkbox]:checked").each(function(){
		toltal = toltal + parseInt($(this).parent().parent().find($(".subtotal")).html())
		var bool = ($(".shop_tbody [type=checkbox]").length == $(".shop_tbody [type=checkbox]:checked").length);
			$("#checkbox").prop("checked",bool);
			$("#checkbox2").prop("checked",bool);
		})
			
		$("#total").html(toltal);
		var lenth=$(".shop_tbody li").length;
		console.log(lenth)
		if (lenth==0) {
			$("#checkbox").prop("checked",false);
			$("#checkbox2").prop("checked",false);
		}
	}	
}



function show_confirm(){

	var r = confirm("是否删除？");
	if(r){
		
		$(".shop_tbody [type=checkbox]").each(function(){
			console.log($(this).prop("checked"));
			if ($(this).prop("checked")) {
				var imgsrc = $(this).parents("ol").find(".pro_img").attr("src");
				delProduct(imgsrc);
				
			}
		
		})
		$(".shop_tbody [type=checkbox]:checked").parents("ol").parent().remove();
		var num = $(".shop_tbody [type=checkbox]:checked").length;
		$("#count").html(num);
		var carNum = JSON.parse(localStorage.getItem("shopCar")).length;
		$("#car_num").html(carNum);console.log(carNum)
		var toltal=0;
		$(".shop_tbody [type=checkbox]:checked").each(function(){
		toltal = toltal + parseInt($(this).parent().parent().find($(".subtotal")).html())
		})	
		$("#total").html(toltal);
		var bool = ($(".shop_tbody [type=checkbox]").length == $(".shop_tbody [type=checkbox]:checked").length);
			if ($(".shop_tbody [type=checkbox]").length != 0) {
				$("#checkbox").prop("checked",bool);
				$("#checkbox2").prop("checked",bool);
			}else{
				$("#checkbox").prop("checked",false);
				$("#checkbox2").prop("checked",false);
			}
			
	}
}
